<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h1{
            /*以下是5种颜色的赋值方式*/
            color: red;/*直接赋值颜色*/
            color:#00ff00;/*6位16进制赋值*/
            color:#f00;/*每一位重复*!*/
            color:rgb(255,0,0);/*rgb颜色赋值*/
            color:rgba(255,0,0,0.3);/*a的范围0-1,表示透明度,值越小越透明*/
        }
        div{
            width:200px;
            height:200px;
            background-color: red;
            background-image: url("../b.jpg");
            background-size: 100px,100px;
            background-repeat: no-repeat;/*no-repeat,repeat*/
            /*设置背景图片的位置: x偏移量,y偏移量*/
            background-position: 50px,60px;
            /*通过百分比方式设置位置:横向百分比 纵向百分比*/
            /*background-position: 50%,50%;*/
        }
    </style>
</head>
<body>
<div></div>
<h1>颜色测试</h1>
</body>
</html>